<template>
  <div id="app">
    <!-- <state>访问全局共享数据</state>
    <getters>访问全局共享数据的计算属性</getters>
    <mutations>修改全局共享数据</mutations>
    <actions>异步修改全局共享数据</actions>
    <v-model>全局共享数据 + v-model</v-model>
    <module-state>模块 访问全局共享数据</module-state>
    <module-getters>模块 访问全局共享数据的计算属性</module-getters>
    <module-mutations>模块 修改全局共享数据</module-mutations>
    <module-actions>模块 异步修改全局共享数据</module-actions> -->
    <module-v-model>模块 全局共享数据 + v-model</module-v-model>
  </div>
</template>

<script>
import State from '@/components/1. 访问全局共享数据/index.vue'
import Getters from '@/components/2. 访问全局共享数据的计算属性/index.vue'
import Mutations from '@/components/3. 修改全局共享数据/index.vue'
import Actions from '@/components/4. 异步修改全局共享数据/index.vue'
import VModel from '@/components/5. 全局共享数据 + v-model/index.vue'
import ModuleState from '@/components/6. 模块/1. 访问全局共享数据/index.vue'
import ModuleGetters from '@/components/6. 模块/2. 访问全局共享数据的计算属性/index.vue'
import ModuleMutations from '@/components/6. 模块/3. 修改全局共享数据/index.vue'
import ModuleActions from '@/components/6. 模块/4. 异步修改全局共享数据/index.vue'
import ModuleVModel from '@/components/6. 模块/5. 全局共享数据 + v-model/index.vue'

export default {
  name: 'App',
  components: {
    State,
    Getters,
    Mutations,
    Actions,
    VModel,
    ModuleState,
    ModuleGetters,
    ModuleMutations,
    ModuleActions,
    ModuleVModel
  }
}
</script>
